<template>
    <div style="background:#f5f5f5;color:#333333">
        <ul style="overflow:hidden;width:1200px;margin:0 auto">
          <router-link :to="'/newsDetail?id='+item.id"  v-for="(item,index) in ourDynamics" :key="index" :data_id="item.id" class="ourDynamic" v-if="index<3">
            <li style="width:360px">
                <img :src="item.img" alt="" class="ourDynamicsPic">
                <span style="display:block;height:64px">{{item.title}}</span>
            </li>
          </router-link>
        </ul>
    </div>
</template>

<script>
export default {
  name: 'ourDynamic',
  data () {
    return {

    }
  },
  props: ['ourDynamics']

}
</script>

<style scoped lang="scss">
.ourDynamic{
    float:left;
    margin-right: 60px;
    background:#ffffff;
    text-decoration: none;
    color:#333333;
    span{
        display:block;
        text-align: center;
        line-height: 2em;
    }
}
.ourDynamic:last-child{
    margin-right: 0px;
}
.ourDynamicsPic{
    width:360px;
    height:180px;

}

</style>
